<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<title></title>
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<meta name="description" content="">
<meta name="author" content="">
<!-- STYLESHEETS -->
<!--[if lt IE 9]><script src="../../js/flot/excanvas.min.js"></script><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="../../css/cloud-admin.css">
<link rel="stylesheet" type="text/css"
	href="../../css/themes/default.css" id="skin-switcher">
<link rel="stylesheet" type="text/css" href="../../css/responsive.css">
<link href="../../font-awesome/css/font-awesome.min.css"
	rel="stylesheet">
<!-- SELECT2 -->
<link rel="stylesheet" type="text/css"
	href="../../js/select2/select2.min.css" />
<!-- UNIFORM -->
<link rel="stylesheet" type="text/css"
	href="../../js/uniform/css/uniform.default.min.css" />
<!-- datatable -->
<link rel="stylesheet" href="../../js/datatables/datatable.css">
<link rel="stylesheet" href="../../js/datepicker/datepicker.css">
<!-- FONTS 
	<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600,700' rel='stylesheet' type='text/css'>
-->
</head>
<body>
	<header class="navbar clearfix" id="header"> </header>

	<!-- PAGE -->
	<section id="page">
		<!-- SIDEBAR -->
		<div id="sidebar" class="sidebar">
			<div class="sidebar-menu nav-collapse">

				<!-- SIDEBAR MENU -->
				<ul>

				</ul>
				<!-- /SIDEBAR MENU -->
			</div>

		</div>
		<!-- /SIDEBAR -->
		<div id="main-content">
			<!-- SAMPLE BOX CONFIGURATION MODAL FORM-->
			
			<!-- /SAMPLE BOX CONFIGURATION MODAL FORM-->
			<div class="container">
				<div class="row">
					<div id="content" class="col-lg-12">
						<!-- PAGE HEADER-->
						<div class="row">
							<div class="col-sm-12">
								<div class="page-header">
									<!-- STYLER -->

									<!-- /STYLER -->
									<!-- BREADCRUMBS -->
									<ul class="breadcrumb">
										<li><i class="fa fa-home"></i> <a href="index.html">首页</a>
										</li>
										<li><a href="#">营销管理</a></li>
										<li>客服消息</li>
									</ul>
									<!-- /BREADCRUMBS -->

								</div>
							</div>
						</div>
						<!-- /PAGE HEADER -->
						<!-- FORMS QUERY-->
						<div class="row">
							<div class="col-md-12">
								<div class="row">
									<div class="col-md-12">
										<div class="box border primary">
											<div class="box-title">
												<h4>
													<i class="fa fa-bars"></i>查询条件
												</h4>
											</div>
											<div class="box-body big" style="padding: 10px;">
												<form class="form-horizontal" role="form"
													id="form_custommessage">
													<div class="form-group mrg-bt10">
														<label class="col-sm-1 control-label" style="width: auto">日期：</label>
														<div class="col-sm-3" style="display: inline-flex">
															<div class="" style="width: 120px">
																<input type="text" name="startDate"
																	class="form-control bootstrap-datepicker">
															</div>
															<div style="width: 20px">至</div>
															<div class="float-left" style="width: 120px">
																<input type="text" name="endDate"
																	class="form-control bootstrap-datepicker">
															</div>
														</div>
														<div class="col-sm-1">
															<a class="btn btn-primary search">查询</a>
														</div>
													</div>
												</form>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- /FORMS QUERY -->
						<div class="row" style="height: 30px;">
							<div class="col-md-12">
								<div class="box ">
									<a href="second_weixin_template.html?v=1&flag=add"
										class="btn btn-success config"> <i
										class="fa  fa-plus-square-o"></i> 新增客服消息
									</a>
								</div>
							</div>
						</div>
						<div class="row">
							<!-- TABLES -->
							<div class="col-md-12">
								<!-- BOX -->
								<div class="box border primary">
									<div class="box-title">
										<h4>
											<i class="fa fa-table"></i>总数：<span id="total"></span>条
										</h4>

									</div>
									<div class="box-body">
										<table id="db_custommessage_list" cellpadding="0"
											cellspacing="0" border="0"
											class="datatable table table-striped table-bordered table-hover">

										</table>
									</div>
								</div>
								<!-- /BOX -->
							</div>
						</div>
						<!-- /TABLES -->
						<div class="footer-tools">
							<span class="go-top"> <i class="fa fa-chevron-up"></i> Top
							</span>
						</div>
					</div>
					<!-- /CONTENT-->
				</div>
			</div>
		</div>
	</section>
	<!--/PAGE -->
	<!-- JAVASCRIPTS -->
	<!-- Placed at the end of the document so the pages load faster -->
	<!-- JQUERY -->
	<script src="../../js/jquery/jquery-2.0.3.min.js"></script>

	<!-- BOOTSTRAP -->
	<script src="../../bootstrap-dist/js/bootstrap.min.js"></script>
	<!-- BLOCK UI -->
	<script type="text/javascript"
		src="../../js/jQuery-BlockUI/jquery.blockUI.min.js"></script>

	<!-- AUTOSIZE -->
	<script type="text/javascript"
		src="../../js/autosize/jquery.autosize.min.js"></script>
	<!-- spinner -->
	<script src="../../js/spinner/spin.js"></script>
	<!-- DATA TABLES -->
	<script type="text/javascript"
		src="../../js/datatables/bootstrap-select.js"></script>
	<script type="text/javascript" src="../../js/datatables/datatable.js"></script>
	<script type="text/javascript"
		src="../../js/datatables/datatable-bootstrap.js"></script>
	<script type="text/javascript"
		src="../../js/datatables/datatable-tabletools.js"></script>
	<script type="text/javascript" src="../../js/datatables/fnAddTr.js"></script>

	<!-- INPUT MASK -->
	<script type="text/javascript"
		src="../../js/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>

	<!--bootbox-->
	<script type="text/javascript" src="../../js/bootbox/bootbox.min.js"></script>
	<!-- SELECT2 -->
	<script type="text/javascript" src="../../js/select2/select2.min.js"></script>
	<!-- UNIFORM -->
	<script type="text/javascript"
		src="../../js/uniform/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="../../js/datepicker/datepicker.js"></script>
	<!-- COOKIE -->
	<script type="text/javascript"
		src="../../js/jQuery-Cookie/jquery.cookie.min.js"></script>
	<!-- CUSTOM SCRIPT -->
	<script src="../../js/script.js"></script>
	<script src="../../js/common.js"></script>
	<script>		
		var customMessage = function(){
	    	var  $mainDataTable = null;  
	    	var searchCustomMessage = function(){
		      	var startDate=$("input[name=startDate]").val();
		     	var endDate=$("input[name=endDate]").val();
		    	var url=App.getContextPath()+"admin/weixincustom/searchWeixinMessage.do?_="+new Date().getTime();
	       		if (startDate != "") {
	            	url+="&startDate=" + startDate;
	        	}
				if (endDate != "") {
					url += "&endDate=" + endDate;
				}
			  	if ($mainDataTable){
			    	$mainDataTable.api().ajax.url(url).load();	   		
		   			return;	
			   	}
		       	var dtSetting = $.dataTableSetting({					
					"ajaxSource" :url,
					"serverSide" : true,
					"bFilter" : false,// 去掉搜索框
					"bLengthChange" : true,// 每页显示数量							
					"sScrollX":"100%",
					"sScrollXInner": "100%",
					"iDisplayLength": 25,
							
					"bSort" : false,					
					"aoColumns" : 
						[{							   	
							"sTitle" : "发送日期 ",
							"width" : "15%",
							"render":function(data, type, row){
								return new Date(row.sendDate).format("yyyy-MM-dd");
							}							
						}, {
							"mDataProp" : "msgTitle",
							"sTitle" : "标题",
							"width" : "35%",
							"render":function(data, type, row){
								var titleArray = row.msgTitle.split('< br/ >');
								var str = "";
								for (var i = 0; i < titleArray.length; i++) {
									str+="<p>"+titleArray[i]+"</p>";
								}
								return str;
							}							
						}, {							   	
							"sTitle" : "图片链接 ",
							"width" : "15%",
							"render":function(data, type, row){
								var pathArray = row.msgImagePath.split(';');
								var urlArray = row.msgLinkUrl==null?null:row.msgLinkUrl.split(';');
								var str = "";
								if(urlArray) {
									for (var i = 0; i < pathArray.length; i++) {
										str += "<p><a target='_blank' href='" + urlArray[i] + "'><img src='" + pathArray[i] + "' width=30px height=30px></a></p>";
									}
								}
								return str;
							}							
						}, {
							"sTitle" : "创建时间",
							"width" : "12%",
							"render":function(data, type, row){
							  return $.getLocalTime(row.createTime);
							}
						}, {
							"sTitle" : "操作",
							"render":function(data, type, row){
								var day = new Date(row.sendDate).format("yyyy-MM-dd");
								var str="<a class='btn btn-success btn-xs btn-width' href='second_weixin_template.html?v=1&day="+day+"&flag=edit'><i class='fa fa-pencil-square-o'></i>编辑</a>" 
										+ "<a class='btn btn-danger btn-xs btn-width delete' href='javascript:;'><i class='fa fa-pencil-square-o'></i>删除</a>";
							  	return str;
							}
						}]
				});
				$mainDataTable = $("#db_custommessage_list").dataTable(dtSetting);
	         };
	         
	         var delCustomMessage=function(day) {
	        	$.confirm("确认删除"+day+"的数据吗?",function(){
	        		$.ajax({
						type: "get",
						url: App.getContextPath()+"admin/weixincustom/deleteCustomMessageByDay.do?day="+day, 
						async: true,
						success: function(result) {
							searchCustomMessage();
						}
					});
				});
	         };
	         
	         return {	         
		     	init:function(){
		     		$.initDate($("#form_custommessage"),0,30);	         
		           	$(".search").click(searchCustomMessage);	
		           	searchCustomMessage();
		           	$("#db_custommessage_list").on('click', '.delete', function(){
		           		var day = $(this).parents('tr').find('td').eq(0).text();
		           		delCustomMessage(day);
		           	});
		      	}
			}
	      }();
	      $(function(){
	      		$("#header").load("../head.html");
	        	App.init(); //Initialise plugins and elements	        
	        	customMessage.init();
	      });
		</script>
	<!-- /JAVASCRIPTS -->
</body>
</html>